<template>
  <!-- <keep-alive>
    <router-view></router-view>
  </keep-alive> -->
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component
        :is="Component"
        :key="$route.id"
        v-if="$route.meta.keepAlive"
      />
    </keep-alive>
    <component :is="Component" v-if="!$route.meta.keepAlive" />
  </router-view>
  <main-tabbar></main-tabbar>
</template>

<script>
import MainTabbar from "./components/content/MainTabbar";

export default {
  name: "App",
  data() {
    return {
      message: "welcome in cky mall",
    };
  },
  components: {
    MainTabbar,
  },
};
</script>

<style>
@import "assets/css/base.css";
</style>
